.flex {
	display: flex;
}

.flex-wrap-wrap {
	flex-wrap: wrap
}

.jc-between {
	justify-content: space-between;
}

.jc-around {
	justify-content: space-around;
}

.jc-center {
	justify-content: center;
}

.ai-center {
	align-items: center;
}

.fd-column {
	flex-direction: column;
}

.cursor-p {
	cursor: pointer;
}

.flex-1 {
	flex: 1;
}

.flex-grow-1 {
	flex-grow: 1;
}

.gap-4 {
	gap: 4px;
}

.gap-8 {
	gap: 8px;
}

.gap-16 {
	gap: 16px;
}

.gap-20 {
	gap: 20px;
}

.gap-24 {
	gap: 24px;
}

.gap-32 {
	gap: 32px;
}

.gap-48 {
	gap: 48px;
}

.gap-64 {
	gap: 48px;
}

.mt32 {
	margin-top: 32px;
}

.mt24 {
	margin-top: 24px;
}

.mt16 {
	margin-top: 16px;
}

.ml16 {
	margin-left: 16px;
}

.ml24 {
	margin-left: 24px;
}

.mr24 {
	margin-right: 24px;
}

.mr16 {
	margin-right: 16px;
}

.pa-16 {
	padding: 16px;
}

.pa-32 {
	padding: 32px;
}

.cor_gray {
	color: rgba(19, 34, 65, 0.5) !important;
}

.cor_orange {
	color: #FAAE42 !important;
}

.cor_blue {
	color: #427FFA !important;
}

.cor_black {
	color: #192A4D;
}

.cor_red {
	color: #D54941 !important;
}

.cor_green {
	color: #33CC8C !important;
}

.cor_purple {
	color: #8B41D5 !important;
}

.cor_white {
	color: #FFFFFF !important;
}

.w100 {
	width: 100% !important;
}

.h100 {
	height: 100% !important;
}

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font22 {
	font-size: 22px !important;
}

.font-bold {
	font-weight: 700 !important;
}

.box {
	background: #fff;
	border-radius: 24px;
	box-sizing: border-box;
	padding: 24px;
}



// 模版导入
.dr_dialog {
	.dr_cont {
		display: flex;
		justify-content: space-between;

		.drbox {
			width: calc(50% - 10px);
			height: 200px;
			border: 1px solid #ccc;
			border-radius: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 50px;
			text-decoration: underline;
			color: blue;
			font-size: 20px;
			flex-direction: column;
		}
	}
}

.sh_btn {

	min-width: 60px;
	height: 40px;
	background: #EDF2FD !important;
	border-radius: 5px;
	font-size: 14px;
	color: #427FFA !important;
	border: none !important;
	text-align: center;
	padding: 0;

	&.red {
		color: #D54941 !important;
		background: #FBEDEC !important;
	}

	&.green {
		color: #33CC8C !important;
		background: #EDFDF6 !important;
	}

	&.yellow {
		color: #FAAE42 !important;
		background: #FEF3E2 !important;
	}

	&:hover {
		opacity: 0.9;
	}
}

.zt {
	display: inline-block;
	min-width: 60px;
	height: 24px;
	border-radius: 5px;
	font-size: 12px;
	color: #FAAE42;
	text-align: center;
	line-height: 24px;
	padding: 0 6px;

	&.yellow {
		color: #FAAE42;
		background: rgba(250, 174, 66, 0.15);
	}

	&.green {
		color: #33CC8C;
		background: #EDFDF6;
	}

	&.red {
		color: #D54941;
		background: rgba(213, 73, 65, 0.1);
	}

	&.blue {
		color: #427FFA;
		background: #EDF2FD;
	}

	&.gray {
		color: #9FA4B0;
		background: #F3F4F7;
	}

	&.purple {
		background: #F3ECFB;
		color: #8B41D5;
	}

	.iconfont {
		margin-right: 5px;
	}
}

.tag {
	&.blue {
		background: #EDF2FD;
		color: #5288F5;
	}

	&.red {
		background: #FBEDEC;
		color: #D54941;
	}

	&.yellow {
		background: #FEF3E2;
		color: #FAAE42;
	}

	&.purple {
		background: #F3ECFB;
		color: #8B41D5;
	}

	&.green {
		background: #EDFDF6;
		color: #33CC8C;
	}

	&.gray {
		background: #f5f5f5;
		color: #bbbbbb;
	}

}

.bj_icon {
	display: flex;

	.iconfont {
		padding: 10px;
		border-radius: 10px;
	}

	.myicon {
		&:hover {
			cursor: pointer;
		}
	}
}

.btm_bor {
	// border-bottom: 1px solid #EDEDED;
	border-bottom: 1px solid #D8DADF;
}

// .search-row {

// 	.el-date-editor,
// 	.el-select {
// 		margin-right: 16px;
// 	}

// 	.el-input {
// 		margin-right: 16px;
// 	}
// }

.el-textarea__inner {
	border-radius: 24px;
	justify-content: space-between;
	padding: 21px 16px;
	resize: none;
	border: 1px solid rgba(19, 34, 65, 0.1);

	&:focus,
	&:hover {
		border-color: rgba(19, 34, 65, 0.1);
		;
	}
}

.el-date-editor {
	.el-input__prefix {
		left: auto;
		right: 20px;
	}

	.el-input__suffix .el-input__icon {
		margin-right: 10px;
	}
}

.el-input__inner {
	background: #fff;
	border: none !important;
	// height: 48px !important;
	border-radius: 10px !important;
}

.el-select .el-input .el-select__caret {
	color: #192A4D !important;

}

// multiple select
.el-select .el-tag {
	background: transparent;
	border: none;
	color: #606266;
	font-size: 14px;

	.el-tag__close {
		background: rgba(200, 210, 231, 0.25);
	}

	.el-tag__close.el-icon-close:hover {
		color: #606266;
		background: rgba(200, 210, 231, 0.7);
	}
}

.el-input__suffix {
	right: 10px !important;
}

.search {
	.el-input {
		width: 360px !important;
	}
}

.el-input {
	min-width: 170px !important;
}


.el-input__inner {
	height: 50px;
	background: #FFFFFF;
	border-radius: 10px;
	border: none;
}

.el-input__icon {
	width: 50px;
	color: #192A4D;
	line-height: 50px;
	font-size: 16px;
}

// 表格统一样式
.el-table th.el-table__cell {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: #fff !important;
	background: cadetblue;
	color: #9FA4B0;
	font-size: 14px;
	// text-align: center;
	height: 60px;
	font-weight: normal;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;

}

.el-table td.el-table__cell {
	padding: 22px 0 !important;
	border-bottom: 1px solid #F9F9FB !important;
}

.el-table th.el-table__cell.is-leaf {
	border-bottom: 1px solid #F9F9FB !important;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
	background-color: #F9F9FB !important;
}

.el-table.lightblue-header-table {
	.blue {
		color: #427FFA
	}

	.red {
		color: #D54941
	}

	.green {
		color: #33CC8C
	}

	.grey {
		color: rgba(19, 34, 65, 0.50)
	}

	.yellow {
		color: #FAAE42;
	}

	th.el-table__cell {
		background-color: rgba(41, 46, 61, 0.03) !important;
		color: rgba(19, 34, 65, 0.5) !important;
		padding: 5px 20px !important;

	}

	.el-table__header-wrapper {
		border-radius: 10px;
	}

	td.el-table__cell {
		padding: 12px 0 !important;

		.cell {
			padding-left: 30px !important;

			.el-select,
			.el-date-editor {
				width: 100%;

				.el-input__prefix {
					right: 5px;
				}

				.el-input__icon {
					line-height: 1;
				}
			}

			.el-input {
				min-width: 0 !important;
			}

			.el-input__inner {
				line-height: 1;
				height: 24px !important;
				padding-left: 8px;
				border-radius: 16px !important;
				border: 1px solid rgba(19, 34, 65, 0.05) !important;
			}

			input {
				border: none !important;
				padding: 0;
			}

			.el-input__icon {
				width: auto;
			}
		}
	}

	.el-table__body tr:hover>td.el-table__cell {
		background: transparent;
	}
}

.com_inp {
	width: 100%;

	label {
		font-size: 16px;
		padding-left: 5px;
		font-weight: bold;
		margin-bottom: 10px;
		display: block;

		&.req {
			position: relative;
			padding-left: 10px;

			&::before {
				position: absolute;
				content: "*";
				left: 0;
				top: 3px;
				color: #F95537;
			}
		}
	}

	.fy {
		display: flex;
		align-items: center;

		/deep/.inp_box {
			margin-bottom: 0;
		}
	}

	.list {
		display: flex;
		align-items: center;
	}


}

.addsp {
	min-width: 100px;
	height: 50px;
	background: #EDF2FD;
	border-radius: 10px;
	border: 1px solid #427FFA;
	font-size: 14px;
	color: #427FFA;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding: 0 20px;
	box-sizing: border-box;
	margin-right: 20px;

	.icon-a-PCguanlixinzeng {
		margin-right: 15px;
	}

	.el-icon-error {
		margin-left: 10px;
	}
}



.zdy-tip {
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.11), 0px 2px 9px 0px rgba(28, 30, 98, 0);
	border: none !important;
	padding: 24px;
}

// radio  单选样式
.zdy_radio {
	display: flex;

	/deep/.el-radio:first-child {
		margin-right: 20px !important;
	}

	/deep/.el-radio {
		width: 118px;
		height: 48px;
		margin-right: 0px !important;
		padding-left: 16px;
		line-height: 48px;
		background: #FFFFFF;
		border-radius: 10px;
		border: 1px solid #D8DADF;
	}

	/deep/.el-radio__inner {
		width: 20px !important;
		height: 20px !important;
		border: 2px solid #0A1629;
		background-color: transparent;
	}

	/deep/.el-radio__inner::after {
		width: 10px;
		height: 10px;
		background: #427FFA;
		border-radius: 5px;
	}

	/deep/.el-radio__label {
		font-size: 14px;
		color: #0A1629;
		line-height: 24px;
	}

	/deep/.el-radio__input.is-checked+.el-radio__label {
		color: #0A1629;
	}

	.el-radio__input.is-checked .el-radio__inner {
		background: none;
		border-color: #192a4d !important;
	}

}

// 页面超出滚动条
.overflow-y-scroll {
	overflow-y: scroll;
}

// 页面超出滚动条
.overflow-y-auto {
	overflow-y: auto;
}

// 分页
.fy-wrap {
	width: 1590px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	right: 0px;
	bottom: 0px;

	/deep/.btn-prev,
	/deep/.btn-next,
	/deep/.btn-quicknext,
	/deep/.el-pager>.number {
		width: 48px;
		height: 48px;
		border-radius: 12px !important;
		background-color: #fff !important;
		line-height: 48px;
	}
}

.search_wrap {
	display: flex;
	justify-content: space-between;

	.mybox.search_inp {
		height: 60px;
		background: #fff;
		margin-right: 10px;
		border: none !important;
		border-radius: 20px;
		overflow: hidden;
		padding: 0 !important;
	}
}

.black-btn {
	width: 200px;
	background: #132241;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-radius: 32px;
	border: 1px solid rgba(19, 34, 65, 0.10);
	font-size: 14px;
	cursor: pointer;
}

.white-btn {
	width: 200px;
	height: 48px;
	color: rgba(19, 34, 65, 0.5);
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-radius: 32px;
	border: 1px solid rgba(19, 34, 65, 0.1);
	background: #fff;
	font-size: 14px;
	cursor: pointer;
}

.table {
	.blue {
		color: #427FFA
	}

	.red {
		color: #D54941
	}

	.green {
		color: #33CC8C
	}

	.grey {
		color: rgba(19, 34, 65, 0.50)
	}

	.yellow {
		color: #FAAE42;
	}
}

.custom-btn {
	border-radius: 32px;
	background: rgba(66, 127, 250, 0.05);
	color: #427FFA;
	font-size: 14px;
	padding: 16px 24px;
	cursor: pointer;

	i {
		font-size: 14px;
		margin-left: 16px;
	}
}


.el-dialog {
	padding: 16px;
	box-sizing: border-box;
	border-radius: 20px;
	padding: 24px;

	.el-dialog__header {
		padding: 16px 24px 32px;

		.el-dialog__title {
			font-weight: bold;
			font-size: 16px;

		}
	}

	.el-dialog__footer {
		padding: 8px 0;
		margin-top: 10px;
	}
}